<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no">
    <title>今日运势分析</title>
    <script> (function(designWidth, maxWidth) {
            var doc = document,
            win = window,
            docEl = doc.documentElement,
            remStyle = document.createElement("style"),
            tid;

            function refreshRem() {
                var width = docEl.getBoundingClientRect().width;
                maxWidth = maxWidth || 540;
                width>maxWidth && (width=maxWidth);
                var rem = width * 100 / designWidth;
                remStyle.innerHTML = 'html{font-size:' + rem + 'px;}';
            }

            if (docEl.firstElementChild) {
                docEl.firstElementChild.appendChild(remStyle);
            } else {
                var wrap = doc.createElement("div");
                wrap.appendChild(remStyle);
                doc.write(wrap.innerHTML);
                wrap = null;
            }
            //要等 wiewport 设置好后才能执行 refreshRem，不然 refreshRem 会执行2次；
            refreshRem();

            win.addEventListener("resize", function() {
                clearTimeout(tid); //防止执行两次
                tid = setTimeout(refreshRem, 300);
            }, false);

            win.addEventListener("pageshow", function(e) {
                if (e.persisted) { // 浏览器后退的时候重新计算
                    clearTimeout(tid);
                    tid = setTimeout(refreshRem, 300);
                }
            }, false);

            if (doc.readyState === "complete") {
                doc.body.style.fontSize = "16px";
            } else {
                doc.addEventListener("DOMContentLoaded", function(e) {
                    doc.body.style.fontSize = "16px";
                }, false);
            }
        })(750, 750);</script>
    <!--[if lt IE 9]>  
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
        <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>    
    <![endif]-->
    <style>
        *{margin:0;padding:0;}
        header{
            border-bottom:0.1rem solid #f0f0f0;
        }
        .day_top{
            padding:0.25rem 0.3rem;
            display: flex;
            align-items: center;
            justify-content:space-around;
        }
        .day_item{display: flex;align-items: center;}
        .day_item img{width:0.5rem;height:0.5rem;vertical-align:middle;}
        .day_item span{font-size:0.3rem;color:#333333;margin-left:0.1rem;}
        .yunshi{padding:0 0.6rem 0.6rem;}
        .yunshi_title{padding:0.3rem 0;font-size:0.3rem;color:#333333;font-weight: 600;position: relative;}
        .gdxx{
            background:url('__PUBLIC__/images/mrys_img/title.png') no-repeat;
            background-size:100% 100%;
            width:3.1rem;
            height:0.4rem;
            line-height: 0.4rem;
            text-align: center;
            color:#DA2930;
            font-size:0.36rem;
            margin:0 auto 0.2rem;
            display: block;
            -webkit-tap-highlight-color: transparent;
            border-radius: 0.1rem;
            text-decoration: none;
        }
        .yunshi_title::before{
            content: '';
            position: absolute;
            width:0.2rem;
            height:0.2rem;
            background-color:#DA2930;
            border-radius: 50%;
            left:-0.26rem;
            top:0.4rem;
        }
        .ys_content{font-size:0.26rem;color:#666666;margin-bottom:0.2rem;text-indent: 2em;}
        .ys_btn{
            width:90%;
            height:0.88rem;
            color:#ffffff;
            text-align: center;
            background-color:#DA2930;
            line-height: 0.88rem;
            margin:0 auto;
            border-radius: 0.1rem;
        }
        /* 提示分享 */
        .ts_tc_container{
            width:100%;
            height:100%;
            background-color:rgba(0,0,0,0.5);
            position: fixed;
            top:0;left:0;
            z-index: 99;
            display: none;
        }
        .ts_tc_bg{
            width:100%;
            height:300px;
            background:url('__PUBLIC__/images/public/mg_share.png') no-repeat;
            background-size:100% 100%;
        }
        .ts_tc_contnet{
            font-size:18px;
            color:#ffffff;
            padding:180px 130px 30px 90px;
            text-align: center;
        }
    </style>
</head>
<body>
    <header>
        <div class="day_top">
            <div class="day_item">
                <img src="__PUBLIC__/images/mrys_img/name.png" alt="">
                <span><!--{$Think.cookie.znickname}--></span>
            </div>
            <div class="day_item">
                <img src="__PUBLIC__/images/mrys_img/sex.png" alt="">
                <span></span><if condition="$Think.cookie.zsex eq 1">男<else />女</if></span>
            </div>
            <div class="day_item">
                <img src="__PUBLIC__/images/mrys_img/date.png" alt="">
                <span><!--{$Think.cookie.zyinli}--></span>
            </div>
        </div>
        <a href="<!--{:U('Mrys/index','',false)}-->?data=1" class="gdxx">更改信息</a>
    </header>

    <section class="yunshi">
        <div class="yunshi_title">您的今日运势分析 (<!--{$date}-->) <!--{$sizhu['2']}--><!--{$sizhuny[2]}--></div>
        <p class="ys_content"><!--{$sizhu['2']}--><!--{$riArr[0]['text1']}--></p>
        <p class="ys_content"><!--{$shengxiao}--><!--{$riArr[1]['text1']}--></p>
        <p class="ys_content"><!--{$riArr[0]['text2']}--></p>
        <p class="ys_content"><!--{$riArr[0]['text3']}--></p>

        <!--<div class="yunshi_title">您的今月运势分析 (&lt;!&ndash;{$date}&ndash;&gt;) &lt;!&ndash;{$sizhu['1']}&ndash;&gt;&lt;!&ndash;{$sizhuny[1]}&ndash;&gt;</div>-->
        <!--<p class="ys_content">&nbsp;&nbsp;&nbsp;&nbsp;&lt;!&ndash;{$sizhu['1']}&ndash;&gt;&lt;!&ndash;{$yueArr[0]['text1']}&ndash;&gt;</p>-->
        <!--<p class="ys_content">&nbsp;&nbsp;&nbsp;&nbsp;&lt;!&ndash;{$shengxiao}&ndash;&gt;&lt;!&ndash;{$yueArr[1]['text1']}&ndash;&gt;</p>-->
        <!--<p class="ys_content">&nbsp;&nbsp;&nbsp;&nbsp;&lt;!&ndash;{$yueArr[0]['text2']}&ndash;&gt;</p>-->
        <!--<p class="ys_content">&nbsp;&nbsp;&nbsp;&nbsp;&lt;!&ndash;{$yueArr[0]['text3']}&ndash;&gt;</p>-->

        <!--<div class="yunshi_title">您的今年运势分析 (&lt;!&ndash;{$date}&ndash;&gt;) &lt;!&ndash;{$sizhu['0']}&ndash;&gt;&lt;!&ndash;{$sizhuny[0]}&ndash;&gt;</div>-->
        <!--<p class="ys_content">&nbsp;&nbsp;&nbsp;&nbsp;&lt;!&ndash;{$sizhu['0']}&ndash;&gt;&lt;!&ndash;{$nianArr[0]['text1']}&ndash;&gt;</p>-->
        <!--<p class="ys_content">&nbsp;&nbsp;&nbsp;&nbsp;&lt;!&ndash;{$shengxiao}&ndash;&gt;&lt;!&ndash;{$nianArr[1]['text1']}&ndash;&gt;</p>-->
        <!--<p class="ys_content">&nbsp;&nbsp;&nbsp;&nbsp;&lt;!&ndash;{$nianArr[0]['text2']}&ndash;&gt;</p>-->
        <!--<p class="ys_content">&nbsp;&nbsp;&nbsp;&nbsp;&lt;!&ndash;{$nianArr[0]['text3']}&ndash;&gt;</p>-->

        <div class="ys_btn">看看你关心的人今日运势何如</div>
    </section>
    <!-- 提示分享 -->
    <div class="ts_tc_container">   
        <div class="ts_tc_bg">
            <div class="ts_tc_contnet">点击右上角分享到微信群和朋友圈。</div>
        </div>
    </div>
    <script>
        document.querySelector('.ys_btn').onclick = function(){
            document.querySelector('.ts_tc_container').style.display = 'block';
        }
        document.querySelector('.ts_tc_container').onclick = function(){
            this.style.display = 'none';
        }
    </script>
</body>
<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script>
    wx.config({
        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        appId: '<!--{$appid}-->', // 必填，公众号的唯一标识
        timestamp: '<!--{$timestamp}-->', // 必填，生成签名的时间戳
        nonceStr: '<!--{$noncestr}-->', // 必填，生成签名的随机串
        signature: '<!--{$signature}-->',// 必填，签名，见附录1
        jsApiList: [
            'checkJsApi',
            'openLocation',
            'getLocation',
            'onMenuShareTimeline',
            'onMenuShareAppMessage',
            'scanQRCode'
        ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
    });

    wx.ready(function () {
        // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，
        // 则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
//         alert('成功');
        wx.onMenuShareAppMessage({
            title: '你的朋友都在测，你竟然还不知道？', // 分享标题
            desc: '看看你今天会有怎么样的运势，顺不顺一测便知。这就是你随身携带的预测家。', // 分享描述
            link: '<!--{$Think.cookie.MRwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/zhiming_icon.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
            type: '', // 分享类型,music、video或link，不填默认为link
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function (res) {
                // 用户确认分享后执行的回调函数
                $('.ts_tc_container').css('display','none');
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });

        wx.onMenuShareTimeline({
            title: '你的朋友都在测，你竟然还不知道？', // 分享标题
            desc: '看看你今天会有怎么样的运势，顺不顺一测便知。这就是你随身携带的预测家。', // 分享描述
            link: '<!--{$Think.cookie.MRwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/zhiming_icon.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
            type: '', // 分享类型,music、video或link，不填默认为link
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function (res) {
                // 用户确认分享后执行的回调函数
                $('.ts_tc_container').css('display','none');
            }

        });

        wx.onMenuShareQQ({
            title: '你的朋友都在测，你竟然还不知道？', // 分享标题
            desc: '看看你今天会有怎么样的运势，顺不顺一测便知。这就是你随身携带的预测家。', // 分享描述
            link: '<!--{$Think.cookie.MRwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/zhiming_icon.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
            type: '', // 分享类型,music、video或link，不填默认为link
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function (res) {
                // 用户确认分享后执行的回调函数
            }
        });

        wx.onMenuShareQZone({
            title: '你的朋友都在测，你竟然还不知道？', // 分享标题
            desc: '看看你今天会有怎么样的运势，顺不顺一测便知。这就是你随身携带的预测家。', // 分享描述
            link: '<!--{$Think.cookie.MRwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/zhiming_icon.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
            type: '', // 分享类型,music、video或link，不填默认为link
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function (res) {
                // 用户确认分享后执行的回调函数
            }
        });

        wx.onMenuShareWeibo({
            title: '你的朋友都在测，你竟然还不知道？', // 分享标题
            desc: '看看你今天会有怎么样的运势，顺不顺一测便知。这就是你随身携带的预测家。', // 分享描述
            link: '<!--{$Think.cookie.MRwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/zhiming_icon.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
            type: '', // 分享类型,music、video或link，不填默认为link
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function (res) {
                // 用户确认分享后执行的回调函数
            }
        });

        wx.error(function (res) {
            // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名
//         alert('失败');
        });
    });

</script>
</html>